.app {
	/* margin: auto;
	width: 90%; */
	background-color: #f1f1f1;
}

.content {
	margin: auto;
	width: 90%;
}

.content-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.textarea {
	line-height: normal;
}

.form-item {
	background-color: aqua;
}

.row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.row-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.row-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.row-mb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
}

.row-flex {
	display: flex;
}

.form-col {
	flex-direction: column;
	width: 100%;
}

.bottom {
	/* position: fixed; */
	/* bottom: 20rpx; */
	margin: 20rpx 0;
	width: 100%;
	z-index: 99;
}

.bottom-bar {
	padding-bottom: 10rpx;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
}

.bottom-icon-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 10rpx;
	width: 100%;
	height: 150rpx;
	z-index: 999;
}

.bottom-icon-btn image {
	width: 100rpx;
	height: 100rpx;
}

.section-title {
	padding: 20rpx 20rpx 20rpx;
	font-size: 14px;
	/* background-color: azure; */
	color: #fff;
	background-color: darkcyan;
}

.icons {
	margin-left: 10rpx;
}

.cb {
	margin-bottom: 10rpx;
}

.tabbar-empty {
	padding-bottom: 80rpx;
}

/* 电子签名相关 */
.sign-component {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.sign-image-bar {
	margin-left: 12rpx;
	display: inline;
	position: relative;
	overflow: hidden;
	width: 80%;
	height: 50px;
}

/* .sign-image {
	width: 40px;
	height: 123px;
	transform: rotate(-90deg);
	position: absolute;
	top: -40px;
	left: 40px;
} */
.sign-image {
	width: 120px;
	height: 40px;
	position: absolute;
}

.QMstyle {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}

/* 首页 */
.bg {
	width: 100%;
	/* min-height: 250px; */
	background-color: #f1f1f1;
}

.bg image {
	width: 100%;
}

.bg-text {
	background-color: #f1f1f1;
	font-size: 16px;
	text-align: center;
}

.index-content {
	margin: 30rpx 10rpx;
	padding: 30rpx 10rpx;
	background-color: #fff;
	border-radius: 20rpx;
}

.index-content-image {
	padding: 0;
	background-color: transparent;
}

.flex-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.flex-start {
	justify-content: flex-start;
}

.nav-item {
	position: relative;
	margin: 8rpx 4rpx;
	width: 47vw;
	height: 25vw;
}

.item-bg {
	width: 100%;
	height: 100%;
}

.nav-item-title {
	position: absolute;
	top: 0;
	left: 8vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 100%;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
}

.content-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 8rpx 4rpx;
	width: 45vw;
	height: 25vw;
}

.item-icon {
	margin-right: 16rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
}

.item-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1;
	height: 100%;
}

.item-title {
	margin-bottom: 20rpx;
	color: #333;
	font-size: 16px;
	/* font-weight: 700; */
	/* letter-spacing: 1px;	 */
}

.item-text {
	margin-bottom: 16rpx;
	color: #ccc;
	font-size: 12px;
	letter-spacing: 1px;
}

.form-tips{
	margin-bottom: 20rpx;
	color: #B3B3B3;
	font-size: 14px;
}

.list-serial {
	padding: 0 8px;
}

.list-content {
	flex: 1;
}


.list-item {
	margin: 10rpx auto 40rpx;
	padding: 20rpx;
	width: 90%;
	font-size: 14px;
	border-radius: 20rpx;
	box-shadow: 0 2px 5px 3px #ddd;
}
.steps{
	margin-bottom: 20rpx;
}
.list-title {
	font-weight: 700;
}

.width-fill {
	width: 100%;
}

.list-row {
	display: flex;
	margin-bottom: 10rpx;
}
.list-row-label{
	width: 80px;
	font-weight: 700;
}
.list-block{
	padding: 0 20rpx;
	text-indent: 1rem;
}
.bg-break{
	background-color: #ffeaea;
}
.bg-complate{
	background-color: #eaffec;
}

.list-tag{
	display: inline-block;
	float: right;
	margin-right: 20rpx;
}

.list-time {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
	color: #aaa;
	font-size: 10px;
	text-align: left;
}

.reply-bar {
	margin-left: 4vw;
	width: 90%;
}

.reply-list-item {
	padding: 16rpx 12rpx;
	/* margin-bottom: 20rpx; */
	background-color: #EAF9FF;
	border-bottom: 20rpx solid #fafafa;
}

.link {
	color: #5677fc;
	margin-left: 10rpx;
}

.reply-form {
	margin-top: 20vw;
	padding: 20px 0;
	background-color: #fff;
}
.text-ellipsis{
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}










.demo-warter {
	border-radius: 8px;
	margin: 5px;
	background-color: #ffffff;
	padding: 8px;
	position: relative;
}

.u-close {
	position: absolute;
	top: 32rpx;
	right: 32rpx;
}

.demo-image {
	width: 100%;
	border-radius: 4px;
}

.demo-title {
	font-size: 30rpx;
	margin-top: 5px;
	color: #303133;
	text-align: center;
}

.demo-tag {
	display: flex;
	margin-top: 5px;
}

.demo-tag-owner {
	background-color: #fa3534;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	padding: 4rpx 14rpx;
	border-radius: 50rpx;
	font-size: 20rpx;
	line-height: 1;
}

.demo-tag-text {
	border: 1px solid #303133;
	color: #303133;
	margin-left: 10px;
	border-radius: 50rpx;
	line-height: 1;
	padding: 4rpx 14rpx;
	display: flex;
	align-items: center;
	border-radius: 50rpx;
	font-size: 20rpx;
}

.demo-price {
	font-size: 30rpx;
	color: #fa3534;
	margin-top: 5px;
}

.demo-shop {
	font-size: 22rpx;
	color: #e1e1e1;
	margin-top: 5px;
}
.cur {
	background-color: aqua;
}

.employee-card1{
	display: flex;
	margin-bottom: 40rpx;
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	width: 100%;
	background-color: #EAF9FF;
	box-shadow: 0 2px 5px 3px #ddd;
}
.card-left{
	padding-top: 10rpx;
	width: 30%;
	text-align: center;
}
.card-right{
	flex: 1;
	margin-left: 16rpx;
}
.card-right .row-flex{
	margin: 10rpx 0 16rpx;
}
.row-label{
	width: 80px;
}
.row-text{
	flex: 1;
}
.card-right .card-right-row-label{
	margin-right: 18rpx;
	width: 80px;
	text-align: right;
	font-weight: 700;
}
.tag-bar{
	margin-bottom: 20rpx;
}
.tag{
	margin-left: 20rpx;
}